$white: #fff;
$black: #000;
$blue: #1a73e8; // #409eff #0084ff #3845ff #0366d6
$green: #25b895;
$orange: #e6a545;
$red: #e65d6e;
// PC
$blue: #3d7eff;
$green: #3bad8b;
$orange: #faba0a;

$purple: #6806c1;
$info: #03c2e6;
$gray-neutral: #e4f5ef;

$themes: (
  "primary": $blue,
  "accent": $purple,
  "success": $green,
  "danger":  $red,
  "warning": $orange,
  "info": $info
);

$ui-color-darken-percent: 30%;

$color-text-primary: #303133;
$color-text-regular: #606266;
$border-color-base: #dcdfe6;
$border-color-light: #e4e7ed;
$border-color-lighter: #ebeef5;
$border-color-extra-light: #f2f6fc;
$border-base: 1px solid $border-color-base;

$colorHover: #f7f8f9;
$colorReadonly: #a2a2a2; // #c0c4cc
$marginSpacing: 15px;
$headerHeight: 60px;
$sideBarWidth: 220px;
$sideBarHideWidth: 36px;
$navBarHeight: 34px;
$tagsviewClose: 14px;

//sidebar
$menuBg:#304156;
$subMenuBg:#1f2d3d;
$menuHover:#001528;

$anim-duration: .3s;

$card-title-color: #354b5c;

$space: 15px;

$header-height: 50px;
$side-width: 200px;
$side-shrink-width: 60px;
$tabs-height: 34px;

$border-color: rgba($black, .08);
